<!DOCTYPE html>
<html lang="en">
<head>
	<title>{$site_name}</title>
	<meta name="keywords" content="{$site_seo_keywords}" />
	<meta name="description" content="{$site_seo_description}">
	<meta name="author" content="国泰自动化">
	<tc_include file="Public:head" />
    <style>
		.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
			position: relative;
			min-height: 1px;
			padding: 0;
			padding: 0;
		}
		html,body {
            width: 100%;
            height:100%;
            margin: 0;
            padding: 0;
        }
        body {
            display: flex;
            align-items: center; /*定义body的元素垂直居中*/
            justify-content: center; /*定义body的里的元素水平居中*/
        }
        .verycode{
			border:1px solid #ddd;
			width:92px;
			margin-left:5px;
		}
    </style>
</head>
<body class="boxed">
	<div class="login-content">
		<div class="top">
			<img src="__TMPL__Public/front/img/retina/logo.png" style="width:300px; height:44px; margin:8px;" alt="">
		</div>
		<div class="row">
			<div id="leftbg" class="col-md-7 hidden-sm hidden-xs">
				<div class="effect1 loginbg"></div>
			</div>
			<div class="col-md-5" style="padding:0 20px; margin-top:40px;">
				<form id="loginForm" class="form-horizontal js-ajax-form" action="{:U('user/login/dologin')}" method="post">
					<fieldset>
						<legend >
							<label><i class="glyphicon glyphicon-user"></i>&nbsp;用户登录
								<small style="color:#AE2628;">&nbsp;LOGIN</small>
							</label>
						</legend>
						<div class="form-group" id="usernameDiv">
							<label for="input_username" class="col-md-3 control-label">手机号：&nbsp;</label>
							<div class="col-md-6">
								<input type="text" class="form-control" id="input_username" name="username" placeholder="请输入手机号" required>
							</div>
							<div class="col-md-3" id="usernameSpan"></div>
						</div>
						<div class="form-group" id="userpassDiv">
							<label for="input_password" class="col-md-3 control-label">密码：&nbsp;</label>
							<div class="col-md-6">
								<input type="password" class="form-control" id="input_password" name="password" placeholder="请输入密码" required>
							</div>
							<div class="col-md-3" id="userpassSpan"></div>
						</div>
						<div class="form-group" id="verifyDiv">
							<label for="input_verify" class="col-md-3 control-label">验证码：&nbsp;</label>
							<div class="col-md-6">
								<input type="text" class="form-control" id="input_verify" name="verify" placeholder="请输入验证码" required>
							</div>
							<div class="col-md-2 verycode">{:sp_verifycode_img('length=4&font_size=14&width=90&height=32&charset=2345678&use_noise=1&use_curve=0')}</div>
						</div>
						<div class="checkbox col-md-3 col-md-offset-3">
							<label class="checkbox">
								<input type="checkbox">记住我
							</label>
						</div>						
						<div class="form-group" id="btnDiv">
							<div class="col-md-4 col-md-offset-5">
							<button type="submit" id="btnSubmit" class="btn btn-info">登录</button>&nbsp;
							<button type="reset" id="btnReset" class="btn btn-warning">重置</button>
							</div>
						</div>
						<div class="form-group" style="text-align: center;">
							<ul class="list-inline">
								<li><a href="{:leuu('user/register/index')}">现在注册</a></li>
								<li><a href="{:U('user/login/forgot_password')}">忘记密码</a></li>
							</ul>
						</div>
					</fieldset>
				</form>
			</div>
		</div>
		<div class="footerbottom footerbottomdark" style="padding:5px 0;">
		  <div class="row">
		    <div class="col-md-4 smallspacetop">
		      <p class="smaller" style="padding-left:10px;">
		        <span class="copyright">© </span> Copyright 2017 河南济源钢铁（集团）公司版权所有 
		      </p>
		    </div>
		    <div class="col-md-8 smallspacetop hidden-sm hidden-xs">
		      <div class="pull-right smaller" style="padding-right:10px;">
		        <ul class="footermenu">
		          <li><a href="{:U('page/index',array('id'=>10))}">关于我们</a></li>
				  <li><a href="{:U('page/index',array('id'=>10))}">用户协议</a></li>
				  <li><a href="{:U('page/index',array('id'=>10))}">版权声明</a></li>
				  <li><a href="{:U('page/index',array('id'=>10))}">法律声明</a></li>
				  <li><a href="{:U('page/index',array('id'=>10))}">友情链接</a></li>
		        </ul>
		      </div>
		    </div>
		  </div>
		</div>
	</div>
	<tc_include file="Public:scripts" />
</body>
</html>